// 类型为t带表TOP，l代表LEFT，b代表BOTTOM，r代表RIGHT，a代表ALL
.bt {
    border-top: 1px solid rgba(black, 0.15);
}

.bl {
    border-left: 1px solid rgba(black, 0.15);
}

.br {
    border-right: 1px solid rgba(black, 0.15);
}

.bb {
    border-bottom: 1px solid rgba(black, 0.15);
}

.btr {
    @extend .bt,
    .br;
}

.btl {
    @extend .bt,
    .bl;
}

.bbr {
    @extend .bb,
    .br;
}

.bbl {
    @extend .bb,
    .bl;
}

.bx {
    @extend .bl,
    .br;
}

.by {
    @extend .bt,
    .bb;
}

.ba {
    @extend .bt,
    .br,
    .bl,
    .bb;
}

.b-no {
    border: none;
}

.round-borders {
    border-radius: 10000px;
}

.corner {
    border-radius: 5px;
}

%top-left {
    border-top-left-radius: 5px;
}

%top-right {
    border-top-right-radius: 5px;
}

%bottom-left {
    border-bottom-left-radius: 5px;
}

%bottom-right {
    border-bottom-right-radius: 5px;
}

// corner
.ct {
    @extend %top-left,
    %top-right;
}

.cr {
    @extend %top-right,
    %bottom-right;
}

.cb {
    @extend %bottom-left,
    %bottom-right;
}

.cl {
    @extend %top-left,
    %bottom-right;
}

.ca {
    @extend .ct,
    .cr,
    .cb,
    .cl;
}

.c-arc {
    border-radius: 9999px;
}
